/*---------------------------------------------------------------------------------------------- */
#navbar-iframe{ 
	height:0px; 
	visibility:hidden; 
	display:none} 
body{ 
	color:#333; 
	background:#ffffff url() repeat-x top; 
	border-bottom:0px solid #ffffff; 
	border-top:0px solid #ffffff; 
	margin:0; 
	padding:0; 
	font-family:roboto slab,Bitter,Georgia; 
	font-size:13px; 
	font-style:none; 
	line-height:20px} 
h1, h2, h4, h5, h6{ 
	font-family:Open sans condensed,"Georgia"; 
	font-size:17px; } 
h3{
	font-family:Fjalla One,Calibri,Arial; 
	font-size:18px; 
	text-transform:uppercase; 
	font-weight:normal; 
	padding:15px 0 5px 0; margin:0} 
a:link, a:visited, a:active{ 
	color:#007bb6; 
	text-decoration:none; 
	border-bottom:0px dotted #ddd} 
a:hover{ 
	color:#333; 
	text-decoration:none; 
	border-bottom:0px dotted #ffffff} 
h3 a:hover{ 
	color:#333; 
	text-decoration:none; 
	border-bottom:0px dotted #ffffff} 
ul{
	margin:0; 
	padding:0} 
ul li{
	margin:0; 
	padding:0} 
#container{ 
	width:63%; 
	margin:10px auto 20px auto; 
	padding:0px 0 0px 0; 
	text-align:center; 
	border-top:15px solid #ffffff; 
	border-bottom:5px solid #ffffff; 
	border-left:0px solid #333; 
	border-right:0px solid #333;
	float:center;} 
#header{
	background:url(//mastercode.googlecode.com/svn/trunk/aris/images/blog/ARIS_logo.jpg) no-repeat center; 
	margin:0; 
	padding-top:0px; 
	height:90px}

/*--
.menu { padding-top:10px; padding-left:5px; padding-bottom:1px; width:100%; height:100%;} 
.menu ul{font-family:Open sans condensed,Georgia; font-weight:bold; font-size:16px; text-transform:normal; background:#fff; padding:2px 0 4px 0px; margin:0px 0 0 0; line-height:10px} 
.menu ul li{ display:inline; padding:3px 0px 3px 0px; margin:0px 5px 0 5px; font-weight:bold} 
--- */

#content{ 
	background:#fff url(//mastercode.googlecode.com/svn/trunk/aris/images/blog/menubar.jpg) no-repeat top; 
	padding:10px 10px 50px 10px; 
	text-align:justify; 
	width:100%;
	margin-top:-20px;} 
#box {
	padding:10px 10px 50px 5px; 
	text-align:justify; 
	width:100%;
	margin-top:-20px;} 
#main-wrapper{ 
	margin:0; 
	padding:0} 
.entry{ 
	padding-top:30px; 
	padding-left:5px; 
	padding-bottom:1px; 
	width:100%; 
	height:100%; 
	background:url(//mastercode.googlecode.com/svn/trunk/aris/images/blog/recentpost.gif) no-repeat bottom right} 
pre {
	display:block;
	font:normal 12px/22px Monaco,Monospace !important;
	color:#CFDBEC;
	background-color:#2f2f2f;
	background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
	background-image:-moz-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
	background-image:-ms-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
	background-image:-o-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
	background-image:repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
	padding:0em 1em;overflow:auto;}
.entry blockquote{ 
	background: url(//mastercode.googlecode.com/svn/trunk/aris/images/blog/code-bg.png) repeat-y scroll 0 0 transparent; 
	border-radius: 5px 5px 0 0; 
	border-top: 1px solid #DDDDDD; 
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); 
	color: #666666; 
	font-size: 13px; 
	line-height: 22px; 
	margin: 20px 13px; 
	padding: 21px 45px 14px 50px;
	overflow:auto; 
	max-height:100px;}
.entry blockquote p{
	margin:0;
	padding-top:10px;} 
.entry table{ 
	background:#F7F7F7; 
	margin:0; 
	padding:7px; 
	border:1px solid #373232; 
	font-size:13px; 
	font-family:roboto slab,IM Fell English,georgia} 
.post ul{ 
	list-style-type:square; 
	margin:0; 
	padding:0 0 0 0} 
.post ul li{ 
	list-style-type:square; 
	margin:0 0 0 20px; 
	padding:0} 
.entry img{ 
	padding:0px; 
	border:0px dotted #ccc} 
.entry img a{ 
	padding:0px; 
	border:0px dotted #ccc; 
	text-decoration:none} 
.entry img a:hover{ 
	border:0px dotted #333} 
.post{ 
	margin:0; 
	padding:0} 
.post h3{ 
	text-align:center; 
	margin:0 0 0 0 } 
.post-header-line-1{ 
	margin:0; 
	padding:0; 
	letter-spacing:1px; 
	font-size:10px} 
.post-labels-tag{ 
	display:inline; 
	font-weight:normal} 
.post-footer{ 
	margin:.75em 0} 
.post-footer-line-1{ 
	font-size:14px; 
	font-family:Handlee; 
	text-align:left; 
	font-weight:normal} 
.main .widget{ 
	margin:0 0 1.5em; 
	padding:0 0 1.5em} 
.main .Blog{ 
	border-bottom-width:0} 
.hrecipe { display:none } 
.photo { display:none }
.breadcrumbs{display:none}

#comments.comments{background:#fff;} 
#comments-block{
	line-height:1.4em; 
	margin:8px 0; 
	color:#000} 
#comments-block .comment-author a:hover{color:#cc3a1e} 
#comments-block .comment-author{
	background:#333; 
	font-weight:normal; 
	margin:8px 0 0 0; 
	padding:4px; 
	border-top:1px solid #aaa; 
	border-right:1px solid #aaa; 
	border-left:1px solid #aaa} 
#comments-block .comment-body{
	background:#333; 
	margin:0; 
	padding-top:4px; 
	padding-right:0; 
	padding-bottom:4px; 
	padding-left:0; 
	border-right:1px solid #aaa; 
	border-left:1px solid #aaa} 
#comments-block .comment-footer{
	background:#333; 
	font-size:8em; 
	line-height:1.4em; 
	margin:0; 
	padding:4px; 
	border-right:1px solid #aaa; 
	border-bottom:1px solid #aaa; 
	border-left:1px solid #aaa; 
	text-transform:none} 
#comments .blogger-comment-icon{
	background:none repeat scroll 0 0 #333; 
	border-color:#aaa; 
	border-style:solid; 
	border-width:1px; 
	line-height:1em; 
	padding:0} 
.comment-form{
	margin:0; 
	padding:0} 
.deleted-comment{
	color:gray; 
	font-style:italic} 
.comments h4{
	color:#000; 
	font-size:16px; 
	padding:0} 
.comments{clear:both} 
.comments .comments-content{
	font-size:13px; 
	margin-bottom:8px; 
	color:#000} 
.comments .comment .comment-actions a{
	background:#FFF; 
	border:1px solid #CCC; 
	color:#000; 
	padding:2px 6px; 
	margin-right:6px} 
.comments .comment .comment-actions a:hover{background:#f8f8f8} 
.comments .comments-content .comment-thread ol{
	list-style-type:none; 
	text-align:left; 
	margin:8px 0; padding:0} 
.comments .comments-content .inline-thread{padding:0; margin:0} 
.comments .comments-content .comment-thread{margin:0; padding:0} 
.comments .comments-content .comment-thread:empty{display:none} 
.comments .comments-content .comment-replies{margin-top:8px; margin-left:44px} 
.comments .comments-content .comment{margin-bottom:6px; padding:0} 
.comments .comments-content .comment:first-child{padding:0; margin:0} 
.comments .comments-content .comment:last-child{padding:0; margin:0} 
.comments .comments-content .user{font-style:normal; font-weight:bold} 
.comments .comments-content .datetime{text-align:right; margin-left:6px} 
.comments .comments-content .comment-header{
	background:#FFF; 
	margin:0; 
	padding:2px 2px 2px 2px; 
	padding:5px; 
	border:1px solid #ccc} 
.comments .comments-content .comment-content{
	text-align:justify; 
	margin:0; 
	padding-top:8px; 
	padding-bottom:8px; 
	font-size:13px} 
.comments .comments-content .owner-actions{border:#ccc solid 1px} 
.comments .comments-replybox{height:250px; max-width:100%} 
.comments .comment-replybox-single{
	padding:0; 
	margin:8px 0; 
	margin-left:44px} 
.comments .comment-replybox-thread{margin:8px 0 0 0; padding:0} 
.comments .comments-content .loadmore a{padding:6px 10px; text-align:center} 
.comments .thread-toggle{
	background:#FFF; 
	cursor:pointer; 
	padding:2px 4px; 
	margin:0; 
	display:block; 
	border:1px solid #ccc} 
.comments .continue{cursor:pointer} 
.comments .continue a{
	background:#FFF; 
	text-align:center; 
	margin-bottom:10px; 
	padding:4px; 
	display:block; 
	border:1px solid #ccc} 
.comments .comments-content .loadmore{
	cursor:pointer; 
	max-height:3em; 
	margin-top:8px} 
.comments .comments-content .loadmore.loaded{
	max-height:13px; 
	opacity:0; 
	overflow:hidden} 
.comments .thread-chrome.thread-collapsed{display:none} 
.comments .thread-toggle{display:inline-block} 
.comments .thread-toggle .thread-arrow{
	display:inline-block; 
	height:6px; 
	width:7px; 
	overflow:visible; 
	margin:.3em; 
	padding-right:4px} 
.comments .avatar-image-container{
	border-radius:3px; 
	float:left; 
	width:36px; 
	height:36px; 
	overflow:hidden; 
	border:#ccc solid 1px; 
	padding:0} 
.comments .avatar-image-container img{width:36px} 
.comments .comment-block{
	border-radius:3px; 
	background:#FFF; 
	padding:8px; 
	margin-left:44px; 
	border:#ccc solid 1px}

/* Comments */ 
#comments{
	padding:0px;
	background-color:#fff;
	border:0px solid #000;} 
#comments h4{
	font-size:21px;
	color:#000;
	font-weight:400} 
#comment-name-url{
	width:365px;
	float:left} 
#comment-date{
	width:365px;
	float:left;
	margin-top:5px;
	font-size:10px;} 
#comment-header{
	float:left;
	padding:5px 0 40px 10px;
	margin:5px 0px 15px 0px;
	position:relative;
	background-color:#fff;
	border:1px dashed #eee;} 
a.comments-autor-name{
	color:#000;
	font:normal bold 14px Arial,Tahoma,Verdana} 
a.says{
	color:#000;
	font:normal 14px Arial,Tahoma,Verdana} 
.says a:hover{text-decoration:none} 

#blog-pager-newer-link{float:$startSide} 
#blog-pager-older-link{float:$endSide} 
#blog-pager{
	text-align:center;
	height:35px;
	margin-top:20px;
	padding-top:15px;
	margin-bottom:-15px} 

/* Profile */ 
.profile-img{
	float:$startSide;
	margin-top:0;
	margin-$endSide:5px;
	margin-bottom:5px;
	margin-$startSide:0;
	padding:4px;
	border:1px solid $bordercolor} 
.profile-data{
	margin:0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font:$postfooterfont;
	color:$sidebarcolor;
	font-weight:bold;
	line-height:1.6em} 
.profile-datablock{
	margin:.5em 0 .5em} 
.profile-textblock{
	margin:0.5em 0;
	line-height:1.6em} 
.profile-link{
	font:$postfooterfont;
	text-transform:uppercase;
	letter-spacing:.1em} 
.comment-form{max-width:100%;} 

#blog-pager-newer-link{float:left} 
#blog-pager-older-link{float:right} 
#blog-pager{text-align:center} 
.feed-links{clear:both; line-height:2.5em;display:none}

/* cancel reply */ 
.comments .continue {display:none; border-top:0;} 
.comments .continue a { 
	border:1px solid #ccc;
	border-radius:3px;
	background:#A00F0F;
	padding:5px 10px;
	font-size:11px;
	color:#fff !important;
	text-decoration:none !important;} 
.comments .continue a:hover {
	background:#d70d25;} 
.bottom{ 
	clear:both; 
	background:#fff url(//mastercode.googlecode.com/svn/trunk/aris/images/blog/border.jpg) no-repeat top; 
	padding:10px 0 0 5px} 
.bottom.tags{ 
	padding-top:10px; 
	padding-bottom:5px} 
.bottom.down{ padding:0; margin:0} 
.bottom  h3{ 
	text-align: center} 


/* Page structure tweaks for layout editor wireframe */ 
body#layout #header{ margin-left:0px; margin-right:0px} 
.status-msg-wrap{display:none} 
.comments .comment .comment-header .datetime a { 
	float: right; 
	margin-right: 5px; 
	color: #007bb6; 
	font-size: 11px; } 
.comments .comments-content .icon.blog-author { 
	position: relative; 
	top: -3px; 
	left: 0px; 
	margin: 0; 
	background-image: url(//mastercode.googlecode.com/svn/trunk/aris/images/blog/admin.png); 
	float: right; 
	margin-right: 0px; 
	width: 20px; 
	height: 20px;}

/* related post */ 
#related-posts { 
	float : left; 
	width : 100%; 
	margin-top:5px; 
	margin-left : 0px; 
	margin-bottom:20px; 
	font-family:roboto slab,Bitter,georgia; 
	font-size:13px; line-height:20px}
#related-posts .widget { 
	list-style-type : none; 
	margin : 5px 0 5px 0; 
	padding : 0; } 
#related-posts .widget h2, #related-posts h2 { 
	font-family:Fjalla One,IM Fell English,georgia; 
	font-size : 17px; 
	text-transform:uppercase; 
	font-weight : normal; margin left: 0; 
	padding : 0 0 0px; } 
#related-posts a { 
	color : #007bb6; 
	font-size : 13px; 
	text-decoration : none; } 
#related-posts a:hover { 
	color:#333; 
	text-decoration:none; 
	border-bottom:0px dotted #ffffff} 
#related-posts ul { 
	border : medium none; 
	margin : 5px 5px 5px 0; 
	padding : 0; } 
#related-posts ul li { 
	no-repeat 0 0; margin : 0; 
	font-size:13px; 
	list-style-type:none; 
	padding-top : 0; 
	padding-right : 0; 
	padding-bottom : 1px; 
	padding-left : 1px; 
	margin-bottom : 5px; 
	line-height : 18px; }
#footer{ 
	border-top:1px solid #eee; 
	padding:0px 0 0 5px; 
	margin-top:-30px} 
#footer p{ 
	padding:5px 0 0 0; 
	margin:5px 0 0 0; 
	text-align:center} 

	
/* custom views */ 
a.home-link{display:none}

.custom-status-message {
	font-size:13px;
	padding:7px 0px 7px -10px;
	margin:5px 0px 1.7em;}
.custom-status-message-error {
	font-size:20px;
	padding:7px 0px 7px -10px;
	margin:25px 0px 1.7em -5px;}
.custom-status-message strong {color:#000}
.custom-status-message-error strong {color:red}

/* responsive screen */
@media screen and (max-width: 989px){
#container{ width:90%; margin:7px 15px 20px 15px; float:center;}
}

/* main menu */
.ct-wrapper{
	position:relative;
	width:100%;
	margin:0;
	padding:0px}
.main-nav-main{
	margin-top:0px;
	position:relative;
	width:100%;
	background:#DDD;
	border:1px solid #b1b1b1;
	box-shadow:0 0 5px  #aaa;}
.main-nav-main ul{
	width:100%;
	text-align:center;
	margin:0;
	padding:0}
.main-nav-main li{
	display:inline-block;
	list-style-type:none;
	padding:0}
.main-nav-main li a{
	color:#333;
	display:inline-block;
	font-family:Open sans condensed,Georgia; 
	font-weight:bold; 
	font-size:16px; 
	font-style:normal!important;
	font-weight:700;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
	padding:20px 10px}
.main-nav-main ul li a:hover,.main-nav-main ul li a:active {
	color:#ED702B;
	text-decoration:none}

/* search*/
.search{
	display: block;
	position: fixed;
	padding:0;
	right: 1%;
	bottom: 1%;
	z-index: 100;}
.keyword{
	font:normal 11px arial;
	border:2px solid #e51400;
	margin:0 4px 0 0;
	padding:3px;
	width:140px;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	color:#fff;
	background:#e51400;}
.keyword:focus{
	width:220px;
	background:#fff;
	color:#333;}
.button{
	border:none;
	background:#e51400;
	padding:4px 12px;
	margin:0;
	font:normal 11px arial;
	cursor:pointer;
	color:#fff;}


/* Notifikasi
----------------------------------------------- */
#show-total {
position:fixed;
top:6px;
right:90px;
z-index:9999;
cursor:pointer;
float:right;
}
.total-show {
background-color:#f1c40f;
color:white;
padding:2px 6px;
font-size:11px;
border-radius:3px;
font-weight:bold;
}
#notif {
cursor:pointer;
}
#notif:before {
content:  url(//mastercode.googlecode.com/svn/trunk/data/img/main/lonceng2.png);
border:0px solid #b6b5b5;
padding:5px 6px 0 6px;
border-radius:3px;
display:block;
position:fixed;
top:13px;
right:100px;
opacity:.5;
color:rgba(0,0,0,.3);
z-index:9999;
transition:all 0.4s ease-out;
}
#notif:hover:before {
opacity:1;
}
#notif2 {
cursor:pointer;display:none}
#notif2:before {
content:  url(//mastercode.googlecode.com/svn/trunk/data/img/main/lonceng2.png);
border:0px solid #b6b5b5;
padding:5px 6px 0 6px;
border-radius:3px;
display:block;
position:fixed;
top:13px;
right:100px;
opacity:.5;
color:rgba(0,0,0,.3);
z-index:9999;
transition:all 0.4s ease-out;
}
#notif2:hover:before {
opacity:1;
}
#cm-wrapper {
width:352px;
position:fixed;
top:52px;
right:-381px;
z-index:9999;
background-color:#222;
padding:15px 13px 25px 15px;
color:#666;
font-family: Arial, Sans-serif;
border-top:8px solid #ff6c60;
transition:0.5s ease;
}
#cm-wrapper:before {
content:"";
width:0;
height:0;
position:absolute;
top:-24px;
left:258px;
border:8px solid transparent;
border-color:transparent transparent #ff6c60;
}
#cm-scroll {
width: 100%;
height: 570px;
overflow: auto;
position: relative;
}	line-height: 1px;
#comments-container {
color:#666;
font-family: Arial, Sans-serif;
}
#comments-container.cm-active {
position:fixed;
right:0;
top:61px;
}
.scrollgeneric {
font-size: 1px;
position: absolute;
top: 0;
left: 0;
}
.vscrollerbase {
width: 5px;
background-color: #111;
border-radius:2px;
}
.vscrollerbar {
width: 5px;
background-color: #444;
border-radius:2px;
}
.hscrollerbase {
height: 10px;
background-color: #111;
border-radius:2px;
}
.hscrollerbar {
height: 10px;
background-color: #444;
border-radius:2px;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
.cm-outer {
margin:0 auto;
padding:0;
font-size:11px;
text-align:left;
}
.cm-outer pre {
background-color:#141414;
font-size:11px;
color:#7c7c7c;
}
.cm-outer li {
padding:7px 10px 12px;
list-style:none;
clear:both;
position:relative;
border-top:1px solid #333;
border-bottom:1px solid #111;
margin-right:10px;
}
.cm-outer code {
color:#a6a658;
font-size:11px;
}
.cm-outer li.selected {
border-left:4px solid #fffe8c;
}
.cm-outer li:first-child {
border-top:none;
}
.cm-outer li:last-child {
border-bottom:none;
}
.cm-text {
color:#999;
line-height:1.2em;
}
.cm-outer {
margin:0 0 5px;
}
.cm-header {
margin: 4px 0 8px 60px;
font-size:12px;
font-weight:normal !important;
line-height:1.2em;
}
.cm-header a {
color:#168980;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
.cm-header a:hover {
color:#e6e6e6;
text-decoration:none;
}
.cm-outer .cm-content {
overflow:hidden;
}
.cm-content {
margin-left:60px;
line-height:1em;
}
.cm-outer img {
display:block;
float:left;
background:#8fa2cb url(//mastercode.googlecode.com/svn/trunk/data/img/main/anon48.gif) no-repeat 50% 50%;
overflow:hidden;
border-radius:100px;
position:absolute;
top:10px;
left:0;
border:3px solid #3d464f;
}
.cm-footer {
margin-top:7px;
}
.cm-footer a {
color:#168980;
text-decoration:none;
}
.cm-footer a:hover {
color:#e6e6e6;
text-decoration:none;
}
div.cm-header img[src=//mastercode.googlecode.com/svn/trunk/data/img/main/openid16-rounded.gif] {
content: url(//mastercode.googlecode.com/svn/trunk/data/img/main/gravatar.png);
}
.bg_hitam{
display: none;
position: absolute;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #000;
z-index:99;
opacity:.30;
}
img.cm-smiley  {
float:none;
position:relative;
display:inline-block;
width:12px !important;
height:12px !important;
top:2px;
border:none;
border-radius:2px;
background:none;
}
.myframe {
display:none;
width:100.5%;
height:265px;
margin-bottom:5px;
border-radius:3px;
}
.jsfiddle-demo {
display:block;
width:98%;
height:250px;
border:1px solid #bbb;
background:transparent url(//mastercode.googlecode.com/svn/trunk/data/img/main/preloader.gif) no-repeat 50% 50%;
}
#catcher{
height1730px; tinggi catcher
}
.sticky {
width:320px;/* lebar sticky */
position: fixed;
top: 50px;
z-index: 100;
border-top: 0;
}
.informacio {
position:fixed;
top:16px;
left:10px;
z-index:9999;
display:none;
}

/* Site Info
----------------------------------------------- */
.ki_modal-single {
	width: 600px;
	height: 300px;
	background-color: #f3f3f3;
	border-radius: 5px;
	box-shadow: 0 0 2px #333,0 0 6px #333;
	position: absolute;
	left: 50%;
	margin-top: -150px;
	margin-left: -300px;
	top:-9999px;
	z-index:999999;
	transition: all 0.4s ease-in-out;
}

.ki_modal-single a{
	color:white;
	text-decoration:underline;
}
.ki_modal-close {
	position:absolute;
	top:8px;
	right:8px;
	z-index:9999;
	cursor:pointer;
}
.ki_modal-single .ki_wrap-inner {
	position: absolute;
	top: 30px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	padding: 20px;
	overflow: auto;
	background-color:#2f3135;
	color: white;
	text-align:left;
	line-height:1.7em;
	border:1px solid #408fc7;
	border-top:1px solid #063a60;
	border-left:1px solid #063a60;
}
.ki_wrap-inner .modal-quote {
    text-align:right;
}
.overlay{
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:9999;
	opacity:.50;
	transition: all 0.4s ease-in-out;
	display:none;
}
#info{
	position: fixed;
	top: 15px;
	right:40px;
	height: 16px;
	border-radius:3px;
	background-color:#74a2c3;
	color:white;
	padding:0px 10px 9px 10px;
	z-index:9999;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	line-height:2em;
}